<!DOCTYPE html>
<html><head>
<title>Homework of Week 10</title>




<meta charset="utf-8">
<meta name="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="telephone=no" name="format-detection">
<meta name="description" content="">
<meta name="renderer" content="webkit">
<meta name="theme-color" content="#ffffff">



<meta property="og:title" content="Homework of Week 10" />
<meta property="og:description" content="1. Bubble Sort the list: 33, 56, 17, 8, 95, 22。Make sure the final result is from small to large. Write out the list after the 2nd pass. Starting with the last list element, we compare successive pairs of elements, swapping whenever the bottom element of the pair is smaller than the one above it
1st:33 56 17 8 22 9533 56 17 8 22 9533 56 8 17 22 9533 8 56 17 22 958 33 56 17 22 952nd:8 33 56 17 22 958 33 56 17 22 958 33 17 56 22 958 17 33 56 22 958 17 33 56 22 95after the 2nd pass:8 17 33 56 22 95 2." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://wondrouswisdomcard.gitee.io/posts/homework10/" />
<meta property="article:published_time" content="2020-10-28T00:00:00+00:00" />
<meta property="article:modified_time" content="2020-10-28T00:00:00+00:00" /><meta property="og:site_name" content="My Blog" />





<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Homework of Week 10"/>
<meta name="twitter:description" content="1. Bubble Sort the list: 33, 56, 17, 8, 95, 22。Make sure the final result is from small to large. Write out the list after the 2nd pass. Starting with the last list element, we compare successive pairs of elements, swapping whenever the bottom element of the pair is smaller than the one above it
1st:33 56 17 8 22 9533 56 17 8 22 9533 56 8 17 22 9533 8 56 17 22 958 33 56 17 22 952nd:8 33 56 17 22 958 33 56 17 22 958 33 17 56 22 958 17 33 56 22 958 17 33 56 22 95after the 2nd pass:8 17 33 56 22 95 2."/>







<script src="/vendor/js/jquery.min.js" ></script>
<script src="/vendor/js/popper.min.js" ></script>
<script src="/vendor/js/bootstrap.min.js" ></script>
<script src="/vendor/js/smooth-scroll.polyfills.min.js" ></script>
<link type="text/css" rel="stylesheet" href="/vendor/css/bootstrap.min.css">
<script src="/vendor/js/vue.min.js" ></script>






<link rel="stylesheet" href="https://wondrouswisdomcard.gitee.io/scss/journal.min.c116bc90d171283f099f173854157ec8f183f9073b93443b2c8ad82899ee9025.css" integrity="sha256-wRa8kNFxKD8Jnxc4VBV&#43;yPGD&#43;Qc7k0Q7LIrYKJnukCU=" media="screen">



<link rel="stylesheet" href="https://wondrouswisdomcard.gitee.io/scss/dark-mode.min.552aae4638a84aa57cf0b195750a49ea9131d3bb621d1ed3ebc9b14b18166536.css" integrity="sha256-VSquRjioSqV88LGVdQpJ6pEx07tiHR7T68mxSxgWZTY=" media="screen">


<script src="https://wondrouswisdomcard.gitee.io/js/loadCSS.js"></script>
<script>
  loadCSS("https://fonts.googleapis.com/css?family=Lora|Montserrat|Fira+Mono|Noto+Serif+SC|Material+Icons");
</script>




  
    <script src="https://wondrouswisdomcard.gitee.io/js/toc-collapse.js"></script>
  



<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script src="/vendor/js/md5.min.js"></script>
<script>
  var gitalk = new Gitalk({
  clientID: 'your client id',
  clientSecret: 'your client secret',
  repo: 'repo name',
  owner: 'user',
  admin: ['user'],
  id: md5(location.pathname),
  distractionFreeMode: 'false'
  });
  window.onload = function () {
        gitalk.render('gitalk-container')
  }
</script>







<script src="https://cdn.jsdelivr.net/npm/vue-disqus@3/dist/vue-disqus.js"></script>


</head>
<body>
    	<div id="app"><div ref="sideContainer" class="side-container">
    
    <a class="a-block nav-head false" href="https://wondrouswisdomcard.gitee.io">
    
        <div class="nav-title">
            Wondrous WindomCard&#39;s Blog
        </div>
        
        <div class="nav-subtitle">
            Themed by Diary.
        </div>
        
    </a>

    <div class="nav-link-list">
        
        
            
            
            
                
            
            
            
            <a class="a-block nav-link-item active" href="/posts">
                Archive
            </a>
            
        
            
            
            
            
            
            <a class="a-block nav-link-item false" href="/categories">
                Categories
            </a>
            
        
            
            
            
            
            
            <a class="a-block nav-link-item false" href="/tags">
                Tags
            </a>
            
        
            
            
            
            
            
            <a class="a-block nav-link-item false" href="/index.xml">
                RSS Feed
            </a>
            
        
    </div>

    

    <div class="nav-footer">
        
Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
<br>
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
<br>

&copy;
	
	This is a customized copyright.
	

    </div>
    
</div><div ref="extraContainer" class="extra-container">
    
    
    <div class="toc animated-visibility" :class="{ invisible: scrollY <= 140 }">


	<div class="toc-content">
	
		
		
		
		<center>- CATALOG -</center>
		
		
		<ul>
			
				
				
					
						
						
						
						
							
								<ul class="collapse" data-toggle="collapse">
							
								<ul class="collapse" data-toggle="collapse">
							
						
						
							<li>
								<a href="#1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass" onclick="onNavClick(`#1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass-nav`)" id="1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass-nav">
									1. Bubble Sort the list: 33, 56, 17, 8, 95, 22。Make sure the final result is from small to large. Write out the list after the 2nd pass.
								</a>
							</li>
						
						
					
				
			
				
				
					
						
						
						
						
						
							<li>
								<a href="#2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-%e6%80%9d%e8%80%83%e4%b8%ba%e4%bb%80%e4%b9%88%e9%80%89%e6%8b%a9%e6%8f%92%e5%85%a5%e7%82%b9%e5%9c%a8list%e5%a4%b4%e4%b8%8a%e4%b8%ad%e9%97%b4%e5%b0%be%e5%b7%b4%e4%b8%8a%e7%9a%84%e4%b8%89%e4%b8%aa%e6%95%b0%e4%bd%9c%e4%b8%ba%e7%ae%97%e6%b3%95%e6%b5%8b%e8%af%95%e7%9a%84%e6%95%b0%e6%8d%ae%e4%bd%a0%e8%83%bd%e8%a7%a3%e9%87%8a%e5%90%97" onclick="onNavClick(`#2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-思考为什么选择插入点在list头上中间尾巴上的三个数作为算法测试的数据你能解释吗-nav`)" id="2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-思考为什么选择插入点在list头上中间尾巴上的三个数作为算法测试的数据你能解释吗-nav">
									2. Give a sorted array as list={60,65,75,80,90,95}. Design an algorithm to insert the value of x into the sorted array. Then test the algorithm with value 50,67,99. 思考：为什么选择插入点在list头上、中间、尾巴上的三个数作为算法测试的数据，你能解释吗？
								</a>
							</li>
						
						
					
				
			
				
				
					
						
						
						
						
						
							<li>
								<a href="#3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun" onclick="onNavClick(`#3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun-nav`)" id="3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun-nav">
									3. What is the state of the stack after the following sequence of Push and Pop operations? Push “anne”; Push “get”; Push “your” ; Pop; Push “my” Push “gun”
								</a>
							</li>
						
						
					
				
			
		</ul>
	</div>

</div>
    
    <div class="pagination">
        <a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }">
            <i class="material-icons pagination-action-icon">
                keyboard_arrow_up
            </i>
        </a>
        
        <a class="pagination-action" v-on:click="toggleDarkMode">
            <i class="material-icons pagination-action-icon" v-if="isDarkMode">
                brightness_4
            </i>
            <i class="material-icons pagination-action-icon" v-else="isDarkMode">
                brightness_7
            </i>
        </a>
        
        
    </div>
</div>
<div class="single-column-drawer-container" ref="drawer"
     v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
    <div class="drawer-content">
        <div class="drawer-menu">
            
            
            
                
                
                
                    
                
                
                
                <a class="a-block drawer-menu-item active" href="/posts">
                    Archive
                </a>
                
            
                
                
                
                
                
                <a class="a-block drawer-menu-item false" href="/categories">
                    Categories
                </a>
                
            
                
                
                
                
                
                <a class="a-block drawer-menu-item false" href="/tags">
                    Tags
                </a>
                
            
                
                
                
                
                
                <a class="a-block drawer-menu-item false" href="/index.xml">
                    RSS Feed
                </a>
                
            
            
            <div class="toc">


	<div class="toc-content">
	
		
		
		
		<center>- CATALOG -</center>
		
		
		<ul>
			
				
				
					
						
						
						
						
							
								<ul class="collapse" data-toggle="collapse">
							
								<ul class="collapse" data-toggle="collapse">
							
						
						
							<li>
								<a href="#1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass" onclick="onNavClick(`#1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass-nav`)" id="1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass-nav">
									1. Bubble Sort the list: 33, 56, 17, 8, 95, 22。Make sure the final result is from small to large. Write out the list after the 2nd pass.
								</a>
							</li>
						
						
					
				
			
				
				
					
						
						
						
						
						
							<li>
								<a href="#2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-%e6%80%9d%e8%80%83%e4%b8%ba%e4%bb%80%e4%b9%88%e9%80%89%e6%8b%a9%e6%8f%92%e5%85%a5%e7%82%b9%e5%9c%a8list%e5%a4%b4%e4%b8%8a%e4%b8%ad%e9%97%b4%e5%b0%be%e5%b7%b4%e4%b8%8a%e7%9a%84%e4%b8%89%e4%b8%aa%e6%95%b0%e4%bd%9c%e4%b8%ba%e7%ae%97%e6%b3%95%e6%b5%8b%e8%af%95%e7%9a%84%e6%95%b0%e6%8d%ae%e4%bd%a0%e8%83%bd%e8%a7%a3%e9%87%8a%e5%90%97" onclick="onNavClick(`#2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-思考为什么选择插入点在list头上中间尾巴上的三个数作为算法测试的数据你能解释吗-nav`)" id="2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-思考为什么选择插入点在list头上中间尾巴上的三个数作为算法测试的数据你能解释吗-nav">
									2. Give a sorted array as list={60,65,75,80,90,95}. Design an algorithm to insert the value of x into the sorted array. Then test the algorithm with value 50,67,99. 思考：为什么选择插入点在list头上、中间、尾巴上的三个数作为算法测试的数据，你能解释吗？
								</a>
							</li>
						
						
					
				
			
				
				
					
						
						
						
						
						
							<li>
								<a href="#3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun" onclick="onNavClick(`#3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun-nav`)" id="3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun-nav">
									3. What is the state of the stack after the following sequence of Push and Pop operations? Push “anne”; Push “get”; Push “your” ; Pop; Push “my” Push “gun”
								</a>
							</li>
						
						
					
				
			
		</ul>
	</div>

</div>
            
        </div>
    </div>
</div>
<transition name="fade">
    <div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
</transition>
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
    <div ref="navBackground" class="nav-background"></div>
    <div class="container container-narrow nav-content">
        <button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
            <i class="material-icons">
                menu
            </i>
        </button>
        <a ref="navTitle" class="navbar-brand" href="https://wondrouswisdomcard.gitee.io">
            Wondrous WindomCard&#39;s Blog
        </a>
        
        <button type="button" class="nav-darkmode-toggle" v-on:click="toggleDarkMode">
            <i class="material-icons" v-if="isDarkMode">
                brightness_4
            </i>
            <i class="material-icons" v-else="isDarkMode">
                brightness_7
            </i>
        </button>
        
    </div>
</nav>
<div class="single-column-header-container" ref="pageHead"
     v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
    <a href="https://wondrouswisdomcard.gitee.io">
        <div class="single-column-header-title">Wondrous WindomCard&#39;s Blog</div>
        
        <div class="single-column-header-subtitle">Themed by Diary.</div>
        

    </a>
</div>

            <div id="content">
<div ref="streamContainer" class="stream-container">
    <div class="post-list-container post-list-container-shadow">
        <div class="post">
            
            
            

            <div class="post-head-wrapper-text-only"
                
            >
                <div class="post-title">
                    Homework of Week 10
                    
                    <div class="post-meta">
                        
                        <time itemprop="datePublished">
                            2020-10-28 00:00
                        </time>
                        

                        
                            <i class="material-icons" style="">folder</i>
                                <a href="/categories/">[Homework]</a>
                                &nbsp;
                        

                        
                            <i class="material-icons" style="">label</i>
                            
                                <a href="/tags/abstract-data-types">Abstract Data Types</a>
                                &nbsp;
                            
                                <a href="/tags/algorithms">Algorithms</a>
                                &nbsp;
                            
                        
                        
                    </div>
                </div>
            </div>
            
            <div class="post-body-wrapper">
                
                <div class="post-body" v-pre>
                
                    <h3 id="1-bubble-sort-the-list-33-56-17-8-95-22make-sure-the-final-result-is-from-small-to-large-write-out-the-list-after-the-2nd-pass">1. Bubble Sort the list: 33, 56, 17, 8, 95, 22。Make sure the final result is from small to large. Write out the list after the 2nd pass.</h3>
<p>Starting with the last list element, we compare successive pairs of elements, swapping whenever the bottom element of the pair is smaller than the one above it</p>
<pre><code>1st:
33 56 17 8 22 95
33 56 17 8 22 95
33 56 8 17 22 95
33 8 56 17 22 95
8 33 56 17 22 95

2nd:
8 33 56 17 22 95
8 33 56 17 22 95
8 33 17 56 22 95
8 17 33 56 22 95
8 17 33 56 22 95

after the 2nd pass:
8 17 33 56 22 95
</code></pre>
<h3 id="2-give-a-sorted-array-as-list606575809095-design-an-algorithm-to-insert-the-value-of-x-into-the-sorted-array-then-test-the-algorithm-with-value-506799-思考为什么选择插入点在list头上中间尾巴上的三个数作为算法测试的数据你能解释吗">2. Give a sorted array as list={60,65,75,80,90,95}. Design an algorithm to insert the value of x into the sorted array. Then test the algorithm with value 50,67,99. 思考：为什么选择插入点在list头上、中间、尾巴上的三个数作为算法测试的数据，你能解释吗？</h3>
<pre><code>int list[20] = {60,65,75,80,90,95,-1};
void insert(int n){
    int i;
    for(i = 0; i &lt; 20; i++){
        if(n &lt; list[i])
        break;
        else if(list[i+1] != -1 &amp;&amp; list[i] &gt; n &amp;&amp; list[i+1] &lt; n){
            i++;
            break;
        }
        else if(list[i] == -1)
        break;
    }
    for(int j = 19; j &gt;= i+1; j--){
        list[j] = list[j-1];
    }
    list[i] = n;
}
int main(){
    insert(50);
    insert(67);
    insert(99);
    for(int i = 0; i &lt; 20; i++){
        if(list[i] == -1)
        break;
        cout&lt;&lt;&quot; &quot;&lt;&lt;list[i];
    }
}
//输出： 50 60 65 67 75 80 90 95 99
</code></pre>
<p>头上、中间、尾巴上的三个数作为算法测试的数据，代表了显示数据的三种典型输入，由于链表的特性，选择插入点在list头上、中间、尾巴的实际操作可能会有差别，可用于测试设计者考虑是否完善。</p>
<h3 id="3-what-is-the-state-of-the-stack-after-the-following-sequence-of-push-and-pop-operations-push-anne-push-get-push-your--pop-push-my-push-gun">3. What is the state of the stack after the following sequence of Push and Pop operations? Push “anne”; Push “get”; Push “your” ; Pop; Push “my” Push “gun”</h3>
<pre><code>stack: 
Push “anne”:        |anne|null
Push “get”:         |anna|get|null
Push “your”:        |anna|get|your|null
Pop:                |anna|get|null
Push “my”:          |anna|get|my|null
Push “gun”:         |anna|get|my|gun|null
</code></pre>
<p>the state of the stack after the following sequences:   |anna|get|my|gun|null</p>
<hr>
<p>课堂笔记：</p>
<ol>
<li>
<p>In computing, we view data from three perspectives 
Application level • View of the data within a particular problem 
Logical level • An abstract view of the data values (the domain) and the set of operations to manipulate them 
Implementation level • A specific representation of the structure to hold the data items and the coding of the operations in a programming language</p>
</li>
<li>
<p><strong>容器</strong> is to hold<strong>持有</strong> and manipulate<strong>操纵</strong> other objects</p>
</li>
<li>
<p>名词意味着<strong>概念</strong>或者<strong>数据</strong></p>
</li>
<li>
<p>隐藏：（信息隐藏）（过程隐藏）（控制隐藏）</p>
</li>
<li>
<p>算法在逻辑视图上解决问题</p>
</li>
</ol>

                    
                    <HR width="100%" id="EOF">
		    <p style="color:#777;">Last modified on 2020-10-28</p>
                    
                </div>
            </div>
            
            
            <nav class="post-pagination">

                
                <a class="newer-posts" href="https://wondrouswisdomcard.gitee.io/posts/java5/">
			Next<br>Java - The Learning Experience 5
                </a>
                
                
                
                <a class="older-posts" href="https://wondrouswisdomcard.gitee.io/posts/blog4/">
			Previous<br>Programming in Pippin CPUSim
                </a>
                
            </nav>
            <div class="post-comment-wrapper">
                
<div class="comments">
    <vue-disqus shortname="Your disqus short name."></vue-disqus>
</div>
<noscript><noscript>Please activate JavaScript to view comments.</noscript></noscript>
<a href="https://disqus.com/" class="dsq-brlink">Comments powered by <span class="logo-disqus">Disqus</span></a>



<div id="gitalk-container"></div>






            </div>
        </div>
    </div>
</div>

            </div><div id="single-column-footer">
Hugo Theme <a href="https://github.com/amazingrise/hugo-theme-diary">Diary</a> by <a href="https://amazingrise.net">Rise</a>
<br>
Ported from <a href="https://mak1t0.cc/" target="_blank" rel="noreferrer noopener">Makito</a>'s <a href="https://github.com/SumiMakito/hexo-theme-journal/" target="_blank" rel="noreferrer noopener">Journal.</a> <br>
<br>

&copy;
	
	This is a customized copyright.
	
</div>
            </div>
    <script>
let app;

app = new Vue({
    el: '#app',
    data: {
        scrollY: 0,
        navOpacity: 0,
        isDrawerOpen: false,
        mounted: false,
        isDarkMode: false
    },
    methods: {
            sgn(t, x) {
                let k = 1. / (1. - 2 * t);
                if (x <= t) return 0;
                else if (x >= 1 - t) return 1;
                else {
                    return k * (x - t);
                }
            },
            handleScroll() {
                this.scrollY = window.scrollY;
                this.navOpacity = this.sgn(.0, Math.min(1, Math.max(0, window.scrollY / (this.pageHeadHeight() - this.navBarHeight() * 0.8))));
                const {navBar, navBackground, navTitle, extraContainer, streamContainer} = this.$refs;

                if (this.navOpacity >= 1) {
                    navBackground.style.opacity = 1;
                    navTitle.style.opacity = 1;
                } else {
                    navBackground.style.opacity = 0;
                    navTitle.style.opacity = 0;
                }
            },
            handleResize() {
                const {navBar, navBackground, navTitle, extraContainer, streamContainer} = this.$refs;
                extraContainer.style.left = (streamContainer.offsetWidth - extraContainer.offsetWidth) + 'px';
            },
            navBarHeight() {
                return this.$refs.navBar.offsetHeight;
            },
            pageHeadHeight() {
                return this.$refs.pageHead.offsetHeight;
            },
            toggleDrawer() {
                this.isDrawerOpen = !this.isDrawerOpen;
                document.getElementsByTagName('html')[0].style.overflow = this.isDrawerOpen ? 'hidden' : 'unset';
            },
            closeDrawer() {
                this.isDrawerOpen = false;
                document.getElementsByTagName('html')[0].style.overflow = this.isDrawerOpen ? 'hidden' : 'unset';
            },
            toggleDarkMode() {
                this.isDarkMode = !this.isDarkMode;
                if (this.isDarkMode==true){
                    document.cookie = "night=1;path=/";
                    document.body.classList.add("night");
                } else {
                    document.cookie = "night=0;path=/";
                    document.body.classList.remove("night");
                }
            }
    },
    created() {
        window.addEventListener('scroll', this.handleScroll);
        window.addEventListener('resize', this.handleResize);
        window._nonDesktop = function () {
            let check = false;
            (function (a) {
                if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;
            })(navigator.userAgent || navigator.vendor || window.opera);
            return check;
        };
        
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1");
        if (night==""){
            if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
                
            }
        }else{
            
            if (night=="1") {
                this.toggleDarkMode();
            }
        }
    },
    mounted() {
        this.handleScroll();
        this.handleResize();
        this.mounted = true;

        
    },
    destroyed() {
        window.removeEventListener('scroll', this.handleScroll);
        window.removeEventListener('resize', this.handleResize);
    }
});
</script>

<script src="https://wondrouswisdomcard.gitee.io/js/journal.js"></script>
    </body>
</html>
